/*
 *rem布局
 * @Author: 舒克
 * @Official Accounts: 氧化1028
 * @email: 143587623@qq.com
 * @github: https://gitee.com/KingSio
 * @Date: 2020-11-23 18:38:59
 * @LastEditTime: 2021-03-22 18:13:24
 * @FilePath: \个人项目\vue\1.vue全站管理系统\vue_shop\src\config\rem.js
 */
//执行rem操作，使用匿名函数
(function(){
    function resize(){
        //100比较好换算
        var baseFontSize=100;//设计稿100px,相当于1rem，750px===>>7.5rem
        var designWidth=750;//设计稿的宽度
        var width=window.innerWidth;//屏幕宽度
        var currentFontSize=(width/designWidth)*baseFontSize;
        //然后去修改页面大小
        document.querySelector("html").style.fontSize=currentFontSize+"px"
        //获取屏幕大小
        //根据屏幕大小，设定具体大小
    }
    window.onresize=function(){
        resize()
    }
    document.addEventListener("DOMContentLoaded",resize)//监听文档载入完毕，进行监听，然后调整字体大小
})()